<div class="clear">
  <div><h1 class="ph"><%= category.title %><small><%= category.metadata && category.metadata['副标题'] %></small></h1></div>
  <% pages = category.pages.order(:position) %>
  <div class="fl p-box ovf">
    <div class="pho fl"><div class="fl"><p class="c33 fyh f14"> <a href="<%= pages[0].url %>"><img width=385 height=311 src="<%= pages[0].avatar.url(:large) %>"><br><%= pages[0].title %></a></p></div><div class="fr"><p class="c33 fyh f14"> <a href="<%= pages[1].url %>"><img width=183 height=132 src="<%= pages[1].avatar.url(:large) %>"><br><%= pages[1].title %></a></p><p class="c33 fyh f14 f"> <a href="<%= pages[2].url %>"><img width=183 height=132 src="<%= pages[2].avatar.url(:large) %>"><br><%= pages[2].title %></a></p></div></div>
  </div>
  <div class="fr p-box ovf">
    <div class="pho fl"><div class="fl"><p class="c33 fyh f14"> <a href="<%= pages[3].url %>"><img width=385 height=311 src="<%= pages[3].avatar.url(:large) %>"><br><%= pages[3].title %></a></p></div><div class="fr"><p class="c33 fyh f14"> <a href="<%= pages[4].url %>"><img width=183 height=132 src="<%= pages[4].avatar.url(:large) %>"><br><%= pages[4].title %></a></p><p class="c33 fyh f14 f"> <a href="<%= pages[5].url %>"><img width=183 height=132 src="<%= pages[5].avatar.url(:large) %>"><br><%= pages[5].title %></a></p></div></div>
  </div>
</div>
